<div o-hover="hover" class="io-sliders
{{#if className}} {{className}}{{/if}}
{{#if disabled}} bell-slider-disabled{{/if}}
{{#if type}} bell-slider-{{type}}{{/if}}
{{#if dragging}} dragging{{/if}}
"{{#if style}} style="{{style}}" {{/if}}
on-mousedown="handleMouseDown($event)"
on-mouseup="handleMouseUp($event)"
on-mouseenter="handleMouseEnter($event)"
on-mouseleave="handleMouseLeave($event)"
>
<input type="hidden" disabled="{{disabled ? ' disabled' : ''}}" model="value">
<div class="bell-slider-bg">
    <div class="bell-slider-fill"
        style="{{fillStyle}}"
    ></div>
    <div class="bell-slider-thumb"
        style="{{thumbStyle}}"
        title="值：{{value}}；占比：{{percent + '%'}}"
    >
    </div>
</div>
<!-- <div class="bell-tooltip
    {{#if dragging}} bell-show{{/if}}
" style="{{tooltipStyle}}">
    <div ref="tooltip" class="bell-tooltip-popper" data-placement="top">
        <div class="bell-tooltip-arrow"></div>
        <div class="bell-tooltip-inner">
            {{percent}}%
        </div>
    </div>
</div> -->
</div>